
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>随机颜色</title>
	<style type="text/css">
		div {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 500px;
			height: 500px;
			background-color: blue;
		}
	</style>

</head>

<body>
  <a href="http://www.baidu.com">222222</a>
	<div id="box"></div>
	<script type="text/javascript">
    //随机产生一个十六进制的颜色值
  // function getColor() {
  //   var color = "#";
  //   //一个十六进制的值的数组
  //   var array = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
  //   //得到6个随机数
  //   for (var i = 0; i < 6; i++) {
  //     var num = parseInt(Math.random() * 16);
  //     color += array[num];
  //   }
  //   return color;
  // }
  function getColor() {
    var color = '#'
    color += (Math.random() * 16).toString(16).slice(2,8)
    return color;
  }
  var a = document.querySelector('a')
  a.onclick = function () {
    return false    
  }
  // {
    // pattern: /^(?![_0-9])[a-zA-Z0-9_]+$/,
    //         message: '字母_组成,不以下划线数字开头',
    //         trigger: ['blur', 'change']
    //       }
  // {
  //   pattern:/^(?!\s*$)[A-Za-z0-9_\-\(\)\u4e00-\u9fa5\()]+$/,
  //   message:'由字母、数字、中文，下划线、中横线中英文括号组成',
  //   trigger:['blur','change']
  // }
  //页面加载的事件
  var div1 = document.getElementById("box")
  div1.onclick = function () {  
    //在文档中通过id属性的值查找这个元素(标签).设置该标签的背景颜色
    this.style.backgroundColor = getColor() ;
  };  
  console.log('4F1D9106.png'.length);
  console.log(encodeURIComponent('你好'));
  let pattern = /^(?![_0-9])[A-Za-z0-9_\-\(\)\u4e00-\u9fa5\()]+$/
  console.log(pattern.test('fwwwwds()'));
</script>
</body>
</html>

